<template>
	<view>
		<view class="hot-place">

			<!-- <view class="city-list u-flex  u-padding-20 justify-between">
				<view v-for="(item,index) in citylist" class="u-flex-col justify-center align-center"
					style="width: 25%;">
					<u-image @click="logoTap(item)" border-radius="10" width="80upx" height="80upx"
						:src="item.app_cover_url" :key="index">
					</u-image>
					<view class="">
						{{item.city_name}}
					</view>
				</view>
			</view> -->

			<u-grid :col="2" :border="false">
				<u-grid-item v-for="(item,index) in citylist">
					<image @click="logoTap(item)" style="width:345upx; height:280upx;border-radius: 15upx;"
						:src="item.cover_url" :key="index">
					</image>
					<view class="">
						{{item.jingdian_name}}
					</view>
				</u-grid-item>

			</u-grid>
		</view>
		<page-tabpars></page-tabpars>
	</view>
</template>

<script>
	import alldata from '../../data/alldata.json'
	export default {
		data() {
			return {
				citylist: [],
			}
		},
		onShow() {
			this.$u.vuex('active', 'world');
		},
		mounted() {
			this.citylist = alldata.filter(v => v.id_city == 33)
		},
		methods: {
			logoTap(item) {

				//let place = alldata.find(v => v.id_city == item.uuid)
				// 跳转到内部窗口并且传递链接
				uni.navigateTo({
					url: `/pages/webview/webview?url=${item.jingdian_url}&title=${item.jingdian_name}`
				})
			}
		}
	}
</script>
<style lang="scss">
	.hot-place {
		width: 100%;
		background-color: #FFFFFF;

	}
</style>
